*{
  margin: 0px;padding: 0px;
}
body{
  //background-color: #CCCCCC;
}
nav{
  width: 100%;height: 50px;
  background-color: #f5f5f5;
  div{
    width: 1500px;height: 1000px;
    margin: auto;
    ul{
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      line-height:50px ;
      select{
        background-color: #f5f5f5;
        border: none;
        outline: none;
      }
      a{
        text-decoration: none;
        color: black;
      }
      .a1{
        margin-right: 730px;
      }
      .a2{
        color: red;
      }
      li{
        margin-left: 5px;
      }
    }
  }
}
.box{
  width: 1500px;
  //background-color: red;
  margin: auto;
  position: relative;

  .ding{
    z-index: 5;
    width: 600px;height: 250px;
    border: 1px solid black;
    position: absolute;top: -10px;left: 50px;
    background-color: white;
    display: none;
    .d1{
      width: 95%;height: 50px;
      //background-color: #00a2e5;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      a{
        text-decoration: none;
        background-color: wheat;
        width: 80px;height: 30px;
        border: 1px solid black;
        text-align: center;
        line-height: 30px;
        color: black;
      }
    }
    .d2{
      width: 95%;height:180px ;
      border: 1px solid #CCCCCC;
      margin: auto;
      a{
        text-decoration: none;
        color: black;
      }
      .p1{
        margin-left: 47px;
        margin-top: 5px;
      }
    }
  }
  .se1{
    width: 100%;height: 100px;
    //background-color: whitesmoke;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    .img1{
      position: relative;top: -23px;left: -650px;
    }
    div {
      height: 85%;
      img{
        height: 100%;
      }
    }
    ul{
      margin-left: 500px;
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      a{
        text-decoration: none;
        font-size: 20px;
        color: rgba(0,0,0,0.5);
      }
    }
}

.se2{
  width: 100%;
  position: relative;
  //background-color: whitesmoke;
  .div2{
    width: 300px;height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;top: 0px;left: 0px;
    ul{
      width: 100%;height: 100%;
      list-style: none;
      background: url("../img/bgs.png") no-repeat 100% 100% / 100% 100%;
       li{
         width: 100%;height: 25%;
         border-bottom: 1px solid white;
         color: white;
         font-size: 20px;
         text-align: center;
         //background-color: red;
         line-height: 100px;
       }
      li:hover{
        background-color: #44aa77;
        //background: rgba(0,0,0,0.6);
        cursor:pointer;
      }
    }
  }
  .carousel-indicators{
    li{
      width: 20px;height: 20px;
      border-radius: 100%;
    }
  }
  //background-color: red;
  img{
    width: 100%;height: 100%;
  }
}

  .se3{
    width: 100%;
    display: flex;
    img{
      width: 25%;height: 100%;
      cursor: pointer;

    }
  }

  .se4{
    width: 100%;height: 80px;
    background-color: #CCCCCC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    span{
      font-size: 30px;
    }
    a{
      font-size: 18px;
      text-decoration: none;
    }
  }
.se5{
 width: 100%;
  img{
    width: 16.3%;
  }
}
.se6{
  width: 100%;height: 80px;
  //background-color: red;
  display: flex;
  align-items: center;
  select{
    height: 60px;
    width: 200px;
    background-color: whitesmoke;
    border:1px solid seagreen;
    margin-right: 10px;
  }
  input{
    height: 60px;width: 500px;
    border:1px solid seagreen;
    font-size: 18px;
  }
  button{
    height: 60px;width: 160px;
    border:1px solid seagreen;
    background-color: seagreen;
    font-size: 20px;
    color: whitesmoke;
  }
}
  .se7{
    width: 100%;height: 800px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;

    .left{
      width: 77%;height: 100%;
      //background-color: #00a2e5;
      .div3{
        width: 100%;height: 60px;
        background-color: #CCCCCC;
        display: flex;
        align-items: center;
        button{
          height: 100%;width: 160px;
          border: 1px solid #CCCCCC;
          background-color: whitesmoke;
          font-size: 20px;
        }
        input{
          width: 20px;height: 20px;
          border: 1px solid seagreen;
        }
        span{
          height: 100%;width: 140px;
          font-size: 20px;
          text-align: center;
          line-height: 65px;
          margin-right: 400px;
        }
        .ditu{
          width: 160px;
          height: 40px;
          border: 1px solid black;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: whitesmoke;
          cursor: pointer;
          div{
             font-size: 18px;
          }
        }
      }
      .div4{
        width: 100%;height: 750px;
        //background-color: cyan;
        ul{
          list-style: none;
          .li3{
            width: 100%;height: 150px;
            border-bottom: 1px solid #CCCCCC;
            display: flex;
            align-items: center;
           img{
             width: 90%;
             cursor:pointer;
           }
            .div6{
              width: 50%;height: 70%;
              span{
                color: #00AA88;
              }
              li{
                width: 100%;height: 33%;
                font-size: 18px;
                margin-top: 10px;
              }
            }
            .div7{
              width:20% ;height: 70%;
              li{
                width: 100%;height: 33%;
                font-size: 18px;
                margin-top: 10px;
              }
            }
            button{
              width: 20%;height: 60px;
              color: seagreen;
              border: 1px solid seagreen;
              font-size: 20px;
            }
          }
          li:hover{
            background-color: #f5f5f5;
          }
        }
      }
    }
    .right{
      width: 20%;height: 100%;
      //background-color: red;
      p{
        width: 100%;height: 60px;
        background-color: #CCCCCC;
        font-size: 30px;
        text-align: center;
        line-height: 60px;
      }
      ul{
        width: 100%;
        list-style: none;
        margin-top: -10px;
        .li8{
          width: 100%;height: 107px;
          border-bottom: 1px solid #CCCCCC;
          display: flex;
          justify-content: center;
          align-items: center;
          //background-color: red;

          .div8{
            width: 30px;height: 30px;
            border: 3px solid red;
            border-radius: 100%;
            text-align: center;
            color: red;
            margin-right: 10px;
            line-height: 30px;
            font-weight: 900;
          }
          .hh{
            border: 1px solid black;
            color: black;
          }
          img{
            height: 60%;
            margin-right: 10px;
          }
          .div9{
            margin-right: 10px;
            width: 60%;
            ul{
              list-style: none;
              li{
                font-size: 18px;
                margin-top: 5px;
              }
            }
            p{
              font-size: 15px;
            }
            .p5{
              color: seagreen;
            }
          }
        }
      }
    }
  }
  .se8{
width: 77%;height: 100px;
    //background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    span{
      display: inline-block;
      width: 45px;height: 45px;
      border: 1px solid #CCCCCC;
      text-align: center;
      line-height: 45px;
      margin-right: 10px;
      cursor: pointer;
    }
    span:hover{
      background-color:burlywood ;
    }
    .span8{
      width: 100px;
    }
  }
  .se9{
    margin-top: 60px;
    width: 100%;height: 160px;
    background-color:#CCCCCC;

    .div12{
      width: 100%;height: 100%;
      display: flex;
      justify-content: center;
      div{
        width: 250px;height: 100%;
        //background-color: red;
        border: 1px solid burlywood;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
          margin-top: -30px;
        }
        ul{
          list-style: none;
          margin-left: 10px;
          span{
            font-size: 20px;
            font-weight: 900;
          }
          li{
            margin-top: 10px;
          }
        }
      }
    }

  }
  .se10{
    width: 100%;height:160px ;
    margin-top: 30px;
    p{
      text-align: center;
      margin-top: 10px;
    }
  }
  .div21{
    text-align: center;
    position: fixed;right: 5px;top: 30%;
    span{
      color: seagreen;
      font-weight: 900;
    }
    button{
      background-color: #00a2e5;
      border: 1px solid black;
      color: whitesmoke;
    }
    button:hover{
      background-color: cyan;
    }
    ul{
      list-style: none;
    }
  }
}


